<template>
	<view class="content">
		<view class="top">
			<view class="go_back" @click="go_back">
				<image src="../../../static/img/back.png" mode=""></image>
			</view>
			<view class="dname">
				账号管理
			</view>
			
		</view>
		<view class="center"> 
			<view class="lan">
				<view class="lan_left">
					昵称
				</view>
				
				<view class="lan_to">
					<image src="../../../static/icons/enterhui.png" mode=""></image>
				</view>
				<view class="lan_right">
					
				</view>
			</view>
			<view class="lan">
				<view class="lan_left">
					手机号
				</view>
				
				<view class="lan_to">
					<image src="../../../static/icons/enterhui.png" mode=""></image>
				</view>
				<view class="lan_right">
				
				</view>
			</view>
		</view>
		<view class="center">
			<view class="lan">
				<view class="lan_left">
					修改密码
				</view>
				
				<view class="lan_to">
					<image src="../../../static/icons/enterhui.png" mode=""></image>
				</view>
				<view class="lan_right">
				
				</view>
			</view>
			<view class="lan">
				<view class="lan_left">
				陌生登录提醒
				</view>
				
				<view class="lan_to">
					<image src="../../../static/icons/enterhui.png" mode=""></image>
				</view>
				<view class="lan_right">
					未开启
				</view>
			</view>
			<view class="lan">
				<view class="lan_left">
					双重登录验证
				</view>
				
				<view class="lan_to">
					<image src="../../../static/icons/enterhui.png" mode=""></image>
				</view>
				<view class="lan_right">
					未开启
				</view>
			</view>
			<view class="lan">
				<view class="lan_left">
					注销账号
				</view>
				
				<view class="lan_to">
					<image src="../../../static/icons/enterhui.png" mode=""></image>
				</view>
				<view class="lan_right">
				
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		
		methods: {
			go_back(){
				uni.navigateBack({
					
				})
			}
		}
	}
</script>

<style>
		page{
			background-image: url(/static/img/backbg.jpg);
			background-repeat:no-repeat;
			background-size: 100% 100%;
			background-attachment: fixed
		}
		.top{
				/* border: #ACC3D4 solid 1px; */
			width: 750rpx;
			height: 50px;
			margin-bottom: 30rpx;
			display: flex;
			flex-direction: row;
			background-color:#CCE5ED ;
		}
		.go_back{
			/* border: #ACC3D4 solid 1px; */
			width:25px;
			height: 25px;
			margin: 13px;
			
		}
		.go_back image{
			width: 100%;
			height: 100%;
		}
		.dname{
			width: 650rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			padding-right: 100rpx;
			box-sizing: border-box;
			font-size: 50rpx;
			font-weight: bolder;
			
			/* border: red solid 1px; */
		}
		.center{
			width: 750rpx;
			margin-top: 30rpx;
			box-sizing: border-box;
		}
		.lan{
			background-color: #FFFFFF;
			box-sizing: border-box;
			border-bottom: #bebebe solid 1px;
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			padding-left: 20rpx;

			font-size: 46rpx;
			font-weight: bold;
		}
		.lan_left{
			float: left;
			width: 50%;
			/* border: red solid 1px; */
		}
		.lan_right{
			/* border: red solid 1px; */
			width: 30%;
			height: 100rpx;
			float: right;
			text-align: right;
			color: #969696;
		}
		.lan_to{
				/* border: red solid 1px; */
				float: right;
			width: 70rpx;
			height: 70rpx;
			margin-top: 15rpx;
		}
		.lan_to image{
			width: 100%;
			height: 100%;
			
		}
		
</style>
